<template>
  <div id="nav">
    <!-- 上导航栏（黑） -->
    <div class="main">
      <div class="left1">
        <div class="d" @click="handleSelect('/')">千课网首页</div>
        <div class="d" @click="handleSelect('/Course')">免费课程</div>
        <div class="d" @click="handleSelect('/Combat')">实战课程</div>
        <div class="d" @click="handleSelect('/GoldPosition')">
          <el-badge value="n" class="item" >金职位</el-badge>
        </div>

        <div class="d">wiki</div>
        <div class="d">专栏</div>
        <div class="d">手记</div>
      </div>
      <div class="rigth1">
        <div class="d">下载APP</div>
        <div class="d el-icon-search"></div>
        <div class="d el-icon-shopping-cart-2 shopping1">
          <!-- <div style="background:black;height:10px;"></div> -->

          <el-card shadow="always" class="shopping">
            <div class="shopBox">
              <div>我的购物车</div>
              <div>已加入1门课程</div>
            </div>
            <div class="shopBox1">
              <div class="shopBox1-bigbox">
                <img src="../assets/ZWTimg/shop1.png" alt />
                <div class="shopBox1-box">
                  <div>Java企业级支付全家桶设计与实战</div>
                  <div class="shopBox1-box-pri">￥328</div>
                  <div class="shopBox1-box-del">删除</div>
                </div>
              </div>
            </div>
            <div class="shopBox2">
              <div>
                1个订单未结算，
                <a href="#">前往结算</a>
              </div>
              <el-button type="danger" round size="small" @click="handleSelect('/shop')">去购物车</el-button>
            </div>
          </el-card>
        </div>
        <div class="my" v-if="true" >  
          <div class="d el-icon-message"></div>
          <div class="d" @click="handleSelect('/My')">我的课程</div>
          <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar>
        </div>
        <div class="box" v-if="false">
          <div>登录</div>/
          <div>注册</div>
        </div>

      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
          handleSelect(path) {
            // console.log(path)
            this.$router.push({
                path,
            })
      },
  },
};
</script>

<style scoped>
@import url('../assets/css/shop/nav.css');
</style>